/* ==========================================================================
   index module
   ========================================================================== */

/* 
 * product category
 */
.m-ins-navbox{position: relative;top: auto;margin-bottom: 2em}
.m-ins-navbox .right .subbox a{padding-top: 6px;padding-bottom: 6px;border-radius: 10px}
.m-ins-navbox .right .subbox a:hover{background-color: #0c6fd4;color: #fff;}

.sect_prod{padding-bottom: 2em}
.sect_prod .swiper-slide {}
.sect_prod .media-box.item0 {background: #ebebeb}
.sect_prod .media-box.item0 .cnt{padding: 1em 0 6em 2em;text-align: left;}
.sect_prod .media-box.item0 .cnt strong{font-size: 1.2rem}
.sect_prod .media-box .icon { width: 320px; height: 240px; position: relative;border: 1px solid #eee;background: none;}
.sect_prod .media-box p { font-size: 1rem;line-height: inherit;padding: 1em 0;}
.sect_prod .mask3 { position: absolute;height: 100%; top: 100%; right: 0; left: 0; background: url('../img/layer3.png') center center no-repeat ; line-height: 100%; color: #000 }
.sect_prod .media-box:hover .mask3 { top: 0}
/*.sect_prod .media-box:hover p{background: #ff9600; color: #fff; }*/
@media screen and (max-width:40em){

}


/*
 * sect_adv
 */
.sect_adv{background: url('../img/bg1.jpg') center center;background-size: cover}
.services-box.l {padding-right: 10%}
.services-box.r {padding-left: 10%}
.services-box h3{padding-bottom: 1rem;border-bottom: 1px solid #fff;position: relative;}
.services-box p {padding: 1rem 0}
.services-box h3:before { display: block; content: ''; width: 8px; height: 8px; background: #fff; bottom: 0; left: 0; margin-bottom: -4px; position: absolute; border-radius: 50%; }
.services-box h3:after { display: block; content: ''; width: 13%; height: 1px; background: #fff; bottom: 0; left: 100%; margin-bottom: -1px; transform: rotate(45deg); transform-origin: top left; position: absolute; }
.services-box.r h3:before { left: auto; right: 0; }
.services-box.r h3:after { left: auto; right: 100%; transform: rotate(-45deg); transform-origin: top right; }
@media screen and (max-width:40em){
	.sect_adv{background: #0ba754}
}

/* about us*/
.sect_us{background: #f6f6f6}
.usbox{background: #fff;margin-bottom: 2em}
.about-box{padding: 1.5rem 2rem 3rem 2rem;position: relative;}
.about-box h3 { font-size: 1.8rem; position: relative; padding-top: 10px }
.about-box h5 { font-size: 1.2rem; text-transform: uppercase; font-weight: normal; }
.amore { color: #fff;position: absolute;right: 0;bottom: 0;}
.qute { position: relative; padding-top: 2em; margin-top: 1em; line-height: 2; background: url('../img/line.jpg') top left repeat-x;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
@media screen and (max-width:40em){

}

/*custom*/
.block_imglist{position:relative;padding:1em 40px;background: #fff;}
.block_imglist .swiper-slide{width: 20%}
.block_imglist .media-box{margin-bottom:0px;width:95%;}
.block_imglist .media-box .icon{width:320px;height:260px;position:relative;border:0px;background:#fff;overflow: visible;}
.block_imglist .media-box p{font-size:16px;}
.block_imglist .swiper-btn{background:#0ba754;color:#fff;position:absolute;top:35%;cursor:pointer;font-size:16px;padding:10px 4px;}
.block_imglist .swiper-prev{left:0;}
.block_imglist .swiper-next{right:0}
.block_imglist .swiper-button-disabled{background:#a3a3a3;cursor:initial}
@media screen and (max-width:640px){
	.block_imglist{padding: 0}
	.block_imglist .swiper-slide{width:100%;margin-right: 0}
}


/*news*/
.sect_new { overflow: hidden; background: #fff}
.news-box { position: relative; margin-bottom: 1em; background: #fff;padding: 1em;}
.news-box .news_time { text-align: center; color: #7e7e7e; padding-top: 10px; position: relative;}
.news-box .news_time:after{display: block;content: '';position: absolute;top:50%;margin-top: -20px;width: 1px;height:40px;background: #ccc;right: 0px;}
.news-box .news_time .date { line-height: 2.4 }
.news-box .news_time .date i { font-size: 2rem; display: block; line-height: 1; color: #000; font-weight: bold;}
.news-box .news_time .item { display: none; }
.news-box .news_cont { }
.news-box .news_cont h5 { font-size: 18px; font-weight: normal; padding-bottom: 6px; position: relative; }
.news-box .news_cont h5 a { padding-right: 20px; color: #363535; display: block; position: relative; }
.news-box .news_cont h5 a:hover {text-decoration: underline;}
.news-box .news_cont p { color: #7e7e7e; overflow: hidden; text-align: justify }
.thumb { width: 100%; height: 168px; background-position: center center; background-size: 100% auto; background-repeat: no-repeat; }
@media screen and (max-width:640px){
	.news-box { background: none;padding: 0}
	.news-box .news_cont h5 a{font-size: 14px;}
}

/*ligter*/
.news-box.ligter { border: 1px solid #0ba754; padding: 0 }
.news-box.ligter .news_time { background: #0ba754; color: #fff; padding-bottom: 10px; }
.news-box.ligter .news_time i { color: #fff; }
.news-box.ligter .news_time:after { display: none; }
.news-box.ligter .news_cont { padding: 0 1em;line-height: 85px; font-size: 17px;}
.news-box.ligter.on { background: none; border-color: #0ba754 }
.news-box.ligter.on .news_time { background: #0ba754; }

/*one news box*/
.news-box-one { background: #0150a4; }
.news-box-one .news_cont { background: #0150a4; padding: 12% 8%; color: #b5d3f3; font-size: 14px; }
.news-box-one .news_cont h3 { font-size: 20px; font-weight: normal; margin-bottom: 1em; color: #fff; }
.news-box-one .news_cont p { line-height: 2; }
.news-box-one .news_cont a { display: inline-block; border: 1px solid #fff; border-radius: 25px; color: #fff; padding: 5px 25px; margin-top: 2em; }
.news-box-one .news_cont a:hover { border-color: #ff9600; color: #ff9600; }